<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition template="PaginaInicio.html.xhtml">
	<ui:define name="content">
		<f:loadBundle basename="resources.RealizarLlamada" var="var" />
		<rich:panel>
		
			<f:facet name="header">
				<h:outputText value="#{var.realizarLlamada}" />
			</f:facet>
			<h:form>
				<rich:tabPanel>
					<rich:tab label="#{var.pestaña1}">

						<center>

							<h:panelGrid columns="4" border="5">

								<h:outputLabel id="asunto" value="#{var.asterisco}#{var.asunto}" for="txtAsunto" />
								<h:inputText id="txtAsunto" value="#{llamadaBean.asunto}"
									label="asunto" required="true" style="width: 276px; " />
								<h:message id="mjAsunto" for="txtAsunto" style="color:red" />
								<br />

								<h:outputLabel id="descripcion" value="#{var.asterisco}#{var.descripcion}"
									for="txtDescripcion" />
								<h:inputText id="txtDescripcion"
									value="#{llamadaBean.descripcion}" label="descripcion"
									required="true" style="width: 276px; " />
								<h:message id="mjDescripcion" for="txtDescripcion"
									style="color:red" />
								<br />

								<h:outputLabel id="estado" value="#{var.asterisco}#{var.estado}" />
								<h:selectOneMenu id="comboEstado"
									value="#{llamadaBean.estadoSeleccionado}">
									<f:selectItems value="#{llamadaBean.listarEstados}" />
								</h:selectOneMenu>

								<h:outputText value=""></h:outputText>
								<h:outputText value=""></h:outputText>


								<h:outputLabel id="tipo" value="#{var.asterisco}#{var.tipo}" />
								<h:selectOneMenu id="comboTipio"
									value="#{llamadaBean.tipoSeleccionado}">

									<f:selectItems value="#{llamadaBean.listarTiposLlamada}" />

								</h:selectOneMenu>
								<h:outputText value=""></h:outputText>
								<h:outputText value=""></h:outputText>



								<h:outputText value="#{var.asterisco}#{var.fechaHoraSolicitud}" />
								<rich:calendar value="#{llamadaBean.fechaHoraSolicitud}"/>
								<h:outputText value=""></h:outputText>
								<h:outputText value=""></h:outputText>

								<h:outputLabel id="duaracion" value="#{var.asterisco}#{var.duaracionAproximada}" />

								<h:panelGrid columns="4">
									<h:outputLabel id="Hora" value="#{var.hora}" />
									<h:selectOneMenu value="#{llamadaBean.duracionAproximadaHoras}"
										id="hora" style="width: 35px; ">
										<f:selectItems value="#{llamadaBean.listarHoras}" />
									</h:selectOneMenu>
									<h:outputLabel id="Minuto" value="#{var.minuto}" />

									<h:selectOneMenu
										value="#{llamadaBean.duracionAproximadaMinutos}" id="minuto"
										style="width: 35px; ">

										<f:selectItems value="#{llamadaBean.listarMinutos}" />

									</h:selectOneMenu>
									<br />



								</h:panelGrid>
								<h:outputText value=""></h:outputText>
								<h:outputText value=""></h:outputText>
								<br></br>
								<center>
									<h:commandButton value="#{var.aceptar}"
										action="#{llamadaBean.crearLlamada}" />

								</center>

								<br> </br>
								<br></br>



							</h:panelGrid>



							<br /> <br /> <br />
						</center>


					</rich:tab>

				</rich:tabPanel>
			</h:form>


		</rich:panel>


	</ui:define>
	<ui:define name="footer">
		<f:loadBundle basename="resources.RecepcionLlamadas" var="vars" />
		<h:form>
			<h:commandLink value="#{vars.atras}" action="mis_llamadas.xhtml" />
		</h:form>

	</ui:define>
</ui:composition>
</html>